<template>
<div>
    <h1>添加保险公司</h1>
<el-form :label-position="labelPosition" ref="form" :model="Form"  size="mini"  class="label">
  <!-- <div style="margin: 30px 0;"></div>  -->
  <el-form-item label="保险公司名称：" class="label-font">
    <el-input v-model="form.name" class="input"></el-input>
  </el-form-item>
  <el-form-item label="保险公司短名称：" class="label-font">
    <el-input v-model="form.shortname" class="input"></el-input>
  </el-form-item>
  <el-form-item label="保险公司公司报案电话" class="label-font">
    <el-input v-model="form.phone" class="input"></el-input>
  </el-form-item>
  <el-form-item label="是否支持垫付款" class="label-font">
    <el-radio-group v-model="form.resource" >
      <el-radio label="否"></el-radio>
      <el-radio label="是"></el-radio>
    </el-radio-group>
  </el-form-item>
  <el-form-item label="保险公司地址" class="label-font">
    <el-input v-model="form.site" class="input"></el-input>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="onSubmit" class="onsubmit">保存</el-button>
    <el-button class="onsubmit">取消</el-button>
  </el-form-item>
</el-form>
</div>
</template>
<script>
  export default {
    data() {
      return { 
        labelPosition: 'top',   
        form: {
          name: '',
          shortname: '',
          phone: '',
          delivery: false,
          type: [],
          resource: '',
          site:''
        }
      }
    },
    methods: {
      onSubmit() {
        console.log('submit!');
      }
    }
  }
</script>
<style lang="scss" scoped>

    h1{
        margin-left: 30px;
        margin-top: 9px;
    }
    .label{
        margin-left: 98px;
        margin-top: 71px;
    }
    .input{
        width: 261px;  
    }
    .label-font{
        font-family:"SimHei"
    }
    .onsubmit{
        width: 140px;
    }
</style>